<template>
  <div>
    <a-form-model :model="form"  :label-col="labelCol" :wrapper-col="wrapperCol">
    <a-row :gutter="24">
      <a-col :span="8">
        <a-form-model-item label="合同状态">
          <a-select v-model="dataForm.a">
            <a-select-option value="合同报工"> 合同报工 </a-select-option>
            <a-select-option value="合同报工2"> 合同报工 2 </a-select-option>
            <a-select-option value="合同报工3"> 合同报工 3 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="合同流水号">
          <a-input v-model="dataForm.b" />
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="海顺审批号">
          <a-input v-model="dataForm.c" />
        </a-form-model-item>
      </a-col>
    </a-row>
    <a-row :gutter="24">
      <a-col :span="8">
        <a-form-model-item label="合同名称">
          <a-input v-model="dataForm.d" />
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="合同编号">
          <a-input v-model="dataForm.e" />
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="采购定价单">
          <a-input v-model="dataForm.f" />
        </a-form-model-item>
      </a-col>
    </a-row>
    <a-row :gutter="24">
      <a-col :span="8">
        <a-form-model-item label="签订人">
          <a-input v-model="dataForm.g" />
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="费用支出号">
          <a-input v-model="dataForm.h" />
        </a-form-model-item>
      </a-col>
    </a-row>
    </a-form-model>
  </div>
</template>
<script>
export default {
  name: 'AdvancedSearch',
  props: {
    dataForm: {},
  },
  data() {
    return {
      labelCol: { span: 8 },
      wrapperCol: { span: 15 },
      rules: {},
      form: {},
    }
  },
  watch: {
      dataForm: {
        handler(val, oldVal) {
          this.form = val;
        },
        deep: true,        
        immediate: true
      },
  }, 
  mounted() {},
  methods: {},
}
</script>
<style lang="less" scoped>
</style>
